import { computed } from "vue";
import { useSetting } from "../index";

export default function () {
	const { navMode, styleMode } = useSetting();
	const headerColor = computed(() => {
		return styleMode.value !== "dark"
			? ""
			: ["top", "mixin"].includes(navMode.value)
			? "#fff"
			: "";
	});
	return {
		headerColor,
	};
}
